<template>
  <div>
    <header>
      <img src="./xinxin_logo.png" alt="logo" class="header-logo">
      <h1 class="header-logo" style="color: #FFF; height: auto">辛辛电力&nbsp; 新设备调试</h1>
    </header>
  </div>
</template>
<script>
  export default {
    props: {
      user: {}
    },
    data () {
      return {}
    },
  }
</script>
<style>
  header {
    background-color: rgb(32, 160, 255);
    height: 80px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 20px;
    z-index: 999;
    box-sizing: border-box;
    position: fixed;
  }

  .header-logo {
    height: 80px;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
  }

  .header-operations li {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    margin: 0 10px;
    line-height: 80px;
    cursor: pointer;
  }

  .header-operations li:first-child {
    cursor: default
  }
</style>
